<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MFSC_C1</title>
<link rel="stylesheet" type="text/css"  href="css/index.css">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="js/index.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery-1.11.1.min.js"></script>
</head>
<body >
	<h1> Login </h1>
	<table class="lgTable">
		<tr>
			<td class="left">
				<div class="title">Username :</div>
			</td>
			<td class="right">
				<div class="value">
					<input type="text" placeholder="Input Username" id="txtUsername" />
				</div>
			</td>
		</tr>
		<tr>
			<td class="left">
				<div class="title">Password :</div>
			</td>
			<td class="right">
				<div class="value">
					<input type="password" placeholder="Input Password"
						id="txtPassword" />
				</div>
			</td>
		</tr>
		<tr>
			<td class="left">
				<div class="title">UUID :</div>
			</td>
			<td class="right"> 
				<div class="value">
					<input type="text" id="txtUUID" readonly="readonly" />
				</div>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<div id="strMessage" class="message" ></div>
			</td>
		</tr>
		<tr>
			<td class="left">
				<div class="title">
					<input type="button" value="Reset" id="btnReset" class="btn" onclick="resetUI()"/>
				</div>
			</td>
			<td class="right">
				<div class="value">
					<input type="button" value="Login" id="btnLogin" class="btn btnL" onclick="login()"/> 
					<input type="button" value="Send Request" id="btnSendReq" class="btn btnR" onclick="sendRequest()" />
				</div>
			</td>
		</tr>
	</table>
</body>
</html>